html {
    // 响应式布局  1920 px 对应  4px 的字体大小
    font-size:calc(10vw / 192 * 4px);
}

// -m 主要
// -s success
// -e error
// -d danger
// -w warning
// -i info
// -d default
// 主类型名 - 子名称? - 状态? - 数字?
// [type-name]-[sub-name?]-[status?]-[number?]

:root {
    --font-m:3.5rem; // 主要字体大小
    --font-btn-m:3rem;
}

@mixin font($size:var(--font-m),$color:var(--color-m)){
    font-size:$size;
    color:$color;
}





